<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#header_wrapper {
	font-family: "Comic Sans MS", cursive;
	color: #FFF;
	background-color: #009;
	margin: 0px;
	padding: 0px;
	height: 160px;
	max-height: 160px;
	width: 1000px;
	max-width: 1000px;
}
#header_wrapper #header_left {
	font-family: "Comic Sans MS", cursive;
	text-align: left;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 160px;
	max-height: 160px;
	width: 400px;
	max-width: 400px;
}
#header_wrapper #header_left #logo {
	font-family: "Comic Sans MS", cursive;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin: 10px;
	max-height:140px;
	max-width:380px;
}
#header_wrapper #header_right {
	font-family: "Comic Sans MS", cursive;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 160px;
	width: 600px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	color: #FFF;
}
#header_wrapper #header_right a {
	font-family: "Comic Sans MS", cursive;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 40px;
	width: 100px;
	line-height:40px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: auto;
	margin-left: auto;
	background-color:#FF0;
	border:2px #000000 solid;
	border-radius:10px;
}
#header_wrapper #header_right a:hover {
	background-color:#0F0;
	text-shadow:#333 2px 2px 2px;
}


</style>
</head>

<body>
<div id="header_wrapper">

    <div id="header_left">
        
        <div id="logo">
        <a href="#"><img src="image/mylogo2.png" width="300" height="126" /></a> </div>
    
    </div>

    <div id="header_right">
    <a href="cart.php">Your Cart</a>
    </div>

</div>
</body>
</html>
